* {
  padding: 0;
  margin: 0; }

body div#wrapper {
  width: 960px;
  font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
  font-size: 16px; }
  body div#wrapper div {
    border-radius: 5px;
    margin: 15px;
    background-color: #cccccc;
    width: 700px;
    height: 438px; }
    body div#wrapper div div.holder {
      position: relative;
      display: inline-block;
      width: 550px;
      margin-left: 10px;
      margin-top: 10px;
      height: 414px; }
      body div#wrapper div div.holder img {
        width: 100%;
        height: 100%;
        border-radius: 5px; }
    body div#wrapper div div.playlist {
      width: 120px;
      height: 420px;
      margin-left: -5px;
      display: inline;
      position: absolute; }
      body div#wrapper div div.playlist ul {
        list-style: none; }
        body div#wrapper div div.playlist ul li {
          margin-top: 5px;
          border-bottom: 1px solid black; }
          body div#wrapper div div.playlist ul li:first-of-type {
            margin-top: 0; }
          body div#wrapper div div.playlist ul li a {
            padding-top: 5px;
            text-decoration: none;
            font-weight: bold;
            color: black; }
            body div#wrapper div div.playlist ul li a:hover span {
              border-bottom: 1px solid black; }
            body div#wrapper div div.playlist ul li a img {
              border-radius: 10px;
              margin-left: 17px;
              margin-bottom: -5px; }
            body div#wrapper div div.playlist ul li a span {
              display: inline-block;
              margin-left: 8px;
              margin-bottom: 5px; }

